<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div  class="main main-width-mid">
        	
        	
        	<div class="x-ibox-title m-b-sm x-nav">
        		<i class="iconfont icon-shouye"></i><a href="" class="m-l-sm m-r-sm">首页</a><i class="iconfont icon-fanhuihuise m-r-sm"></i> <a href="">产品</a><i class="iconfont icon-fanhuihuise m-r-sm m-l-sm "></i><span>我的产品</span>
        	</div>
        	
            <div class="ibox-search" style="position: relative;">
                <div class="form-inline search-input">
                    <div class="input-group">
                        <span class="input-group-addon">产品类型:</span>
                        <input type="text" class="form-control" placeholder="请输入产品类型" value="">
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">品牌:</span>
                        <input type="text" class="form-control" placeholder="请输入品牌" value="">
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">型号:</span>
                        <input type="text" class="form-control" placeholder="请输入型号" value="">
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">所在地:</span>
                        <select class="form-control m-r-sm" style="width:80px">
                            <option value="">浙江</option>
                        </select>
                        <select class="form-control" style="width:80px">
                            <option value="">杭州</option>
                        </select>
                    </div>
                </div>
                <div class="form-inline text-right" style="position: absolute;right:20px;">
                    <button type="button" class="btn x-btn2-sm pull-right" >
                        	搜索
                    </button>
                </div>
            </div>

            <div class="ibox">
                <div class="ibox-title clearfix">
                    <div class="checkbox m-checkbox" style="display: inline-block">
                        <label id="checkAll"><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox" checked="false"> 全选 </label>
                    </div>

                    <a
                            class="pull-right"
                            href="javascript:;"
                            style="position: relative; top: 10px; color:#555;margin-right: 10px;"
                    >
                        <i class="iconfont  icon-shanchu" style="font-size:14px;color:#999; margin-right:10px"></i>批量删除
                    </a>

                    <a
                            class="pull-right"
                            href="./新增产品.html"
                            style="position: relative; top: 10px; color: #555; margin-right:20px;"
                    ><i class="iconfont icon-tianjia m-r-sm"></i>
                    	新增产品
                    </a>
                </div>
                <div class="ibox-content clearfix">
                    <table class="table table-bordered  u-table-center x-table">
                        <thead>
                        <tr>
                            <th></th>
                            <th style="width: 230px;">产品</th>
                            <!--<th>类别</th>-->
                            <th>定价区间</th>
                            <th>售卖中</th>
                            <th>库存</th>
                            <th>货物所在地</th>
                            <th style="width: 90px;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="m-checkbox">
                                <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox" checked="false"></label>
                            </td>
                            <td class="clearfix">
                            	 <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="80" height="80"
                                         src="https://img14.360buyimg.com/n1/jfs/t5929/270/5570412071/142736/46c6fbc8/596c8633Na1568a3b.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                                </a>
                            </td>
                            <!--<td>微型断路器</td>-->
                            <td style="color: #FF5A5F;">¥ 120-190</td>
                            <td>1600</td>
                            <td>1800</td>
                            <td>上海</td>
                            <td>
                                <a  href="../showlist/我的卖单.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                                <a href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂买单</a>
                                <a  href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂卖单</a>
                                <a type="button" class="btn text-default m-t-sm" style="width: 100%;">删除</a>
                            </td>
                        </tr>
                        
                        
                        
                           <tr>
                            <td class="m-checkbox">
                                <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox" checked="false"></label>
                            </td>
                            <td class="clearfix">
                            	 <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="80" height="80"
                                         src="https://img14.360buyimg.com/n1/jfs/t5929/270/5570412071/142736/46c6fbc8/596c8633Na1568a3b.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                                </a>
                            </td>
                            <!--<td>微型断路器</td>-->
                            <td style="color: #FF5A5F;">¥ 120-190</td>
                            <td>1600</td>
                            <td>1800</td>
                            <td>上海</td>
                            <td>
                                <a  href="../showlist/我的卖单.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                                <a href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂买单</a>
                                <a  href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂卖单</a>
                                <a type="button" class="btn text-default m-t-sm" style="width: 100%;">删除</a>
                            </td>
                        </tr>
                        
                        
                        
                           <tr>
                            <td class="m-checkbox">
                                <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox" checked="false"></label>
                            </td>
                            <td class="clearfix">
                            	 <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="70" height="70"
                                         src="https://img14.360buyimg.com/n1/jfs/t5929/270/5570412071/142736/46c6fbc8/596c8633Na1568a3b.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                                </a>
                            </td>
                            <!--<td>微型断路器</td>-->
                            <td style="color: #FF5A5F;">¥ 120-190</td>
                            <td>1600</td>
                            <td>1800</td>
                            <td>上海</td>
                            <td>
                                <a  href="../showlist/我的卖单.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                                <a href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂买单</a>
                                <a  href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂卖单</a>
                                <a type="button" class="btn text-default m-t-sm" style="width: 100%;">删除</a>
                            </td>
                        </tr>
                        
                        
                           <tr>
                            <td class="m-checkbox">
                                <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox" checked="false"></label>
                            </td>
                            <td class="clearfix">
                            	 <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="80" height="80"
                                         src="https://img14.360buyimg.com/n1/jfs/t5929/270/5570412071/142736/46c6fbc8/596c8633Na1568a3b.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                                </a>
                            </td>
                            <!--<td>微型断路器</td>-->
                            <td style="color: #FF5A5F;">¥ 120-190</td>
                            <td>1600</td>
                            <td>1800</td>
                            <td>上海</td>
                            <td>
                                <a  href="../showlist/我的卖单.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                                <a href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂买单</a>
                                <a  href="../showlist/发布买单.html" type="button" class="btn text-default m-t-sm" style="width: 100%;">挂卖单</a>
                                <a type="button" class="btn text-default m-t-sm" style="width: 100%;">删除</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <!--分页-->
                    <div class="page">
                        <ul class="pageMenu clearfix">
                            <li class="firstPage disabled">首页</li>
                            <li class="prevPage disabled"> &lt; 上一页</li>
                            <div class="pageObj ">

                                <li class="pageNum active" style="display: list-item;">1</li>
                                <li class="pageNum" style="display: list-item;">2</li>
                                <li class="pageNum" style="display: list-item;">3</li>
                                <li class="pageNum" style="display: list-item;">4</li>
                            </div>
                            <li class="nextPage"> 下一页 &gt;</li>
                            <li class="lastPage">尾页</li>
                            <li class="last" style="font-size: 14px;">
                                共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                                <button type="button" class="btnSure">确定</button>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/nav.js" ></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>
<script>
    $('.m-checkbox').on('click', function () {
        var $checkbox = $('input[type=checkbox]', $(this));
        var checkFlag = $checkbox.prop('checked');
        console.log(checkFlag);
        $checkbox.prop('checked', !checkFlag);

        $checkbox.on('change', function () {
            var flag = $(this).prop('checked');
            if (flag) {
                $(this).prev('.iconfont').removeClass('icon-duoxuan').addClass('icon-duoxuanhuise');
            } else {
                $(this).prev('.iconfont').removeClass('icon-duoxuanhuise').addClass('icon-duoxuan');
            }
        })
    });
</script>